<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>美化Json</title>
    <link rel="icon" href="{{ url_for('static', filename='ico/favicon_curl.png') }}">

    <link rel="stylesheet" href="{{ url_for('static', filename='css/curl_input.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/beautify_json.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/alert_msg.css') }}">

    <script type="module" src="{{ url_for('static', filename='js/common.js') }}"></script>
    <script type="module" src="{{ url_for('static', filename='js/beautify_json.js') }}"></script>
</head>


<body>

<!-- Json 数据, 复制Json, 返回, 均显示在顶部 -->
<div class="header-container">
    <h2>Json 数据</h2>
    <div class="button-container">
        <button type="button" onclick="copy_common('formatted_json')">复制Json</button>
        <a href="/" style="text-decoration: none;">
            <button type="button">返回</button>
        </a>
    </div>
</div>

<!-- 美化 Json 显示 -->
<div class="json_container">
    <pre class="json_code_style" id="formatted_json">{{ json_data | safe }}</pre>
</div>

<!-- 弹框 -->
<div id="custom-alert" class="custom-alert-beautify"></div>

</body>
</html>